@charset "utf-8";
/* CSS Document */
.roomBg{}

/*url("") repeat-x scroll 0px bottom,*/
.playBg{}
.room_icon{background-image:url(../images/room_icon.png)}
.play_icon{background:none;background-image:url(../images/play_icon.png)}
.result_icon{background-image:url(../images/result.png)}

/*房间列表*/
.room{position:absolute; z-index:2; width:100%;height:100%}
.main_head{ position: absolute; width:298px;height:94px;top:10px; left:10px;font-size:16px;color:#fff;font-weight:bold;text-shadow:2px 2px 2px rgba(0,0,0,.3);}
.main_head_peo{position: absolute;}
.main_head_name{ height:40px;width:200px;position: absolute;top:20px; left:150px;line-height:40px; }
.main_head_num{position: absolute;top:60px; left:150px;}


.room_button_top{position: absolute;top:10px; right:10px;width:80px;}
.room_button_top li,.room_button_bottom li{display:inline-block; width:80px; height:80px;position:relative;}
.room_button_bottom{position: absolute;bottom:10px; left:50%;margin-left:-210px;z-index:11; width:420px; height:90px;text-align:center;}
.room_button_bottom_bg{position: absolute; width:100%;height:100%; background:#000;opacity:0.5;z-index:0;border-radius:10px;}
.room_button_bottom_box{margin:5px;}

.room_button_bottom li{margin:0 -2px}
.room_button_top li{margin:-5px 0px}
.room_button_gr{background-position:-400px -0px;}
.room_button_bz{background-position:-400px -80px;}
.room_button_sz{background-position:-320px -80px;}
.room_button_rw{background-position:-240px -80px;}
.room_button_sc{background-position:-0px -0px;}
.room_button_ph{background-position:-80px -0px;}
.room_button_boss{background-position:-160px -0px;}
.room_button_bs{background-position:-240px -0px;}
.room_button_ld{background-position:-320px -0px;}

.room_button_gr.on{background-position:-400px -240px;}
.room_button_bz.on{background-position:-400px -160px;}
.room_button_sz.on{background-position:-320px -160px;}
.room_button_rw.on{background-position:-240px -160px;}
.room_button_sc.on{background-position:-0px -240px;}
.room_button_ph.on{background-position:-80px -240px;}
.room_button_boss.on{background-position:-160px -240px;}
.room_button_bs.on{background-position:-240px -240px;}
.room_button_ld.on{background-position:-320px -240px;}

.gantan{position:absolute;right:11px;top:20px}

#points{ width: 500px; height:350px; position: absolute; left: 50%;margin-left:-250px; top: 50px;  z-index:10}
.btn_room{width:88px; height:80px; display:inline-block;background:url(../images/xy/btn_room.png) no-repeat;position:absolute;text-align:center}
.room_select{background-image:url(../images/xy/btn_room_select.png);}
.room_pos_1{left:200px;top:0px;}
.room_pos_2{left:380px;top:100px;}
.room_pos_3{left:300px;top:270px;}
.room_pos_4{left:100px;top:270px;}
.room_pos_5{left:30px;top:100px;}
.room_pos_6{left:50px;top:50px;}
.room_1{background:url(../images/xy/btn_room1.png) no-repeat;display:inline-block;width:92px;height:43px;margin-top:15px}
.room_2{background:url(../images/xy/btn_room2.png) no-repeat;display:inline-block;width:64px;height:80px;margin-top:0px}
.room_3{background:url(../images/xy/btn_room3.png) no-repeat;display:inline-block;width:64px;height:78px;margin-top:0px}
.room_4{background:url(../images/xy/btn_room4.png) no-repeat;display:inline-block;width:92px;height:43px;margin-top:15px}
.room_5{background:url(../images/xy/btn_room5.png) no-repeat;display:inline-block;width:92px;height:43px;margin-top:15px}
.room_6{background:url(../images/xy/btn_room6.png) no-repeat;display:inline-block;width:92px;height:44px;margin-top:15px}
.bigRoom{width:296px;height:252px;position: absolute; left: 50%;margin-left:-148px; top: 100px;background-image:url(../images/xy/bigRoom.png); z-index:10}
.bigRoom img{margin:25px 0px 0px 25px}
.btn_startGame{ width:155px; height:49px; display:inline-block;background:url(../images/xy/btn_startGame.png);margin-top:14px}
.btn_startGame_pos{position:absolute;left:50%;bottom:2%;margin-left:-149px;}
.room_mall_pos{position:absolute;left:5%;bottom:2%;z-index:10}
.room_pw_pos{position:absolute;right:5%;bottom:2%;z-index:10}
#roomInfo{width:200px;height:50px;display:inline-block;position:absolute;bottom:30px;left:70px}
.roomInfo_1{color:#00ff00;}
.roomInfo_2{color:#d2d82c;}
.roomInfo_3{color:#ffe6b7;}
.roomInfo_4{color:#ffe1d9;}
.roomInfo_5{color:#ff0000;}

.txt_room_mall{background:url(../images/xy/btn_mall.png) no-repeat;display:inline-block;width:93px;height:74px;margin-top:22px}
.txt_pw_mall{background:url(../images/xy/btn_rank.png) no-repeat;display:inline-block;width:138px;height:74px;margin-top:22px}
/*打牌*/
.scrollButton{ width: 100px; height: 100px; position: absolute;background-position:-0px -120px;  z-index: 11}
.scrollButton.on{background-position:-100px -120px; }
.left-button{bottom: 230px; left: 100px; }
.right-button{bottom: 230px; right: 100px; -webkit-transform:scaleX(-1);}

.star_1{position:absolute;bottom:250px; left:43%; z-index:15}
.star_2{position:absolute;bottom:280px; left:48%; z-index:15;-webkit-transform:scale(1.2);}

#container{position:absolute;top:0; left:0; z-index:15}

/*开局页面*/
#playBox{ display:block;min-height:480px;height:100%; position:relative;}
.toolBar{ width:411px; height:67px; position:absolute; z-index:3; top:0px; left:50%; margin-left:-236px;  text-align:center; padding:0px 28px 0px 32px;background-image:url(../images/toolset_bg.png);}
.toolBar ul{width:411px;  display:inline-block; zoom:1; overflow:hidden}
.toolBar li{ height:60px; float:left; margin-top:0px;}
.toolSet,.toolTrusteeship,.toolTalk,.toolMenu{ width:60px;}
.bottomPokey{ width:170px;  text-align:center;position:relative;top:-5px;left:4px  }
.toolSet{ background-position:-120px -130px;}
.toolTrusteeship{ background-position:-60px -130px;}
.toolTalk{ background-position:-0px -130px;}
.toolMenu{ background-position:-180px -130px;}


		/*信息*/

.myButton{ width:90%;left:10%; position:absolute; z-index:4; bottom:150px; text-align:center}

.pokeyBox{ width:100%; height:123px; position:absolute; z-index:6; bottom:2px; text-align:center;}
	/*牌 spades黑桃 hearts红桃 plum梅花  square方片*/
	.card{ width:102px; height:123px;display:inline-block; position:relative; }
	.cardBg{ width:102px; height:123px;position:absolute; z-index:3;background-position:-240px -350px; }
	
	.bigKing{background-position:-120px -350px;}
	.smallKing{background-position:-0px -350px;}
	.cardSpades{background-position:-0px -190px;color:#252732}
	.cardHearts{background-position:-120px -190px;color:#c80002}
	.cardPlum{background-position:-240px -190px;color:#252732}
	.cardSquare{background-position:-360px -190px;color:#c80002}
	
	.bigKing.on{background-position:-120px -500px;}
	.smallKing.on{background-position:-0px -500px;}
	.cardSpades.on{background-position:-240px -500px;}
	.cardHearts.on{background-position:-360px -500px;}
	.cardPlum.on{background-position:-480px -500px;}
	.cardSquare.on{background-position:-600px -500px;}
	
	.cardFont{height:30px; display:inline-block; position:absolute; top:4px; left:3px; font-size:36px;  font-family:Arial;line-height:30px; letter-spacing:-3px;  }

	.card-amid{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(0.58,0.58);-moz-transform:scale(0.58,0.58);-ms-transform:scale(0.58,0.58);transform:scale(0.58,0.58);margin-right:-80px;   }
	.card-small{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(0.36,0.36);-moz-transform:scale(0.36,0.36);-ms-transform:scale(0.36,0.36);transform:scale(0.36,0.36);margin-right:-55px; margin-top:12px;}
	.left .card-amid,.right .card-amid{ margin-bottom:-80px;}

	/*信息*/
.info{ width:0px; height:0px;position:absolute; z-index:5;background-position: -100px -700px;}
.left .info{ top:40px; left:20px; }
.right .info{ top:40px; right:123px; text-align:right ;}
.my .info{ bottom:260px; left:20px;}
.pokeyIsLandlord{display:none;background:url(../images/xy/landlord.png) no-repeat;}
.landlord .pokeyIsLandlord{display:inline-block;width:58px; height:28px;top:85px; }
.right .landlord .pokeyIsLandlord{right:-75px;position:absolute;}
.my .landlord .pokeyIsLandlord,.left .landlord .pokeyIsLandlord{left:20px;position:absolute;}


	/*头像*/
	.headIcon{ width:93px; height:113px; display:inline-block;position:absolute; }
	

	.left .headIcon .headEyeIcon_people_1,.my .headIcon .headEyeIcon_people_1{right:52px;margin-right:10px}
	.left .headIcon .headEyeIcon_people_2,.my .headIcon .headEyeIcon_people_2{right:46px;margin-right:10px}
	.left .headIcon .headEyeIcon_people_3,.my .headIcon .headEyeIcon_people_3{right:43px;margin-right:10px}
	.left .headIcon .headEyeIcon_people_4,.my .headIcon .headEyeIcon_people_4{right:55px;margin-right:10px}
	.right .headIcon .headEyeIcon_people_1{left:52px;}
	.right .headIcon .headEyeIcon_people_2{left:46px;}
	.right .headIcon .headEyeIcon_people_3{left:43px;}
	.right .headIcon .headEyeIcon_people_4{left:55px;}
	
	/*倍数*/
	.pokeyMultiple{ width:64px;display:inline-block; color:#f9c038;font-weight:bold;font-size:18px; padding-top:5px}
	.pokeyMyBox .pokeyMultiple{ float:left; display:none; margin:15px 0px 0px 750px;}
	
	/*用户名*/
	.pokeyName{position:absolute; top:110px; width:100px; color:#fff; font-size:16px; text-align:center;background:#000;opacity:0.6;height:20px;line-height:20px;border-radius:10px;}

	
	
	/*my*/
	.pokeyMy{display:none; position:absolute; }
	
	
	/**/
	.pokeyMyBox{display:block;width:100%; position:absolute;z-index:8; bottom:0px; height:36px;background:url("");}
	.pokeyMyBoxContent{display:block;width:100%; position:absolute; top:-13px;left:50%; margin-left:-400px; height:49px;background:url(../images/play_myBox.png) no-repeat}
	.pokeyMyIcon{position:absolute;top:22px;width:136px;text-align:center; font-size:18px; color:#f3cc63;font-weight:bold; display:inline-block;}
	.pokeyDou{ left:77px;}
	.pokeyTang{ left:288px;}
	.pokeyXing{left:490px;}
		
	
	/*张数*/
	.pokeyNum{ font-size:14px; height:32px; line-height:32px; color:#fff;font-weight:bold;position:absolute; left:100px; top:5px}
	.pokeyNum .pokeyNum-bg{background-position:-400px -131px; height:32px; width:28px; display:inline-block; text-align:center}
	.right .pokeyNum-bg{float:right;}
	.right .pokeyNum{ right:10px; left:0}
	
	/*打出去的牌*/
	.putpokeyBox{ height:45px;position:absolute; z-index:3; }
	.left .putpokeyBox{ top:100px; left:150px; max-width:275px }
	.right .putpokeyBox{ top:100px; right:200px;max-width:275px }
	.my .putpokeyBox{ top:55%; left:50%; margin-top:-25px}
	
	
	/*托管*/
	.toolTrusteeshipDiv{ width:100%; height:125px; position:absolute; z-index:11; bottom:0px;  }
	.toolTrusteeshipDiv-bg{background-color:#000000;opacity:0; width:100%; height:100%; position:absolute; top:0px; left:0px; }
	.tTPeople{ width:94px; height:78px;position:absolute; top:0px; left:353px;background-position:-500px -360px;  }
	.tTButton{position:absolute; top:20px; left:50%; margin-left:-65px }
	.tTText{ width:140px; height:30px;position:absolute; bottom:50px; left:50%; margin-left:-70px;background-position:-0px -660px; }
	
	
		/*倒计时闹钟*/
	.wait{ width:48px; height:58px;position:absolute; z-index:5; line-height:50px; text-align:center; font-size:18px; background-position:-300px -130px; padding-right:5px; color:#433e32;font-weight:bold}
	.myWait{left:150px;bottom:150px;}
	.leftWait{ left:150px;top:20%;}
	.rightWait{ right:150px;top:20%;}
	.propsWait{}
	
	.baseScore{ width:100px; height:30px; position:absolute; left:50%; margin-left:-50px; margin-top:8px;  color:#802239; font-size:18px;text-shadow:1px 1px 2px rgba(0,0,0,.3); }

	
	.resultButton{ position:absolute; bottom:20px; margin-top:7px; text-align:center; width:100%}
	.resultButton .pokeyButton{margin:0px 10px;}
	.pokeyButton-left10{margin-left:-10%;}
	
		/*结果页面*/
	.result{  position:absolute; top:0; left:0;z-index:12;width:100%; height:100%; background-image:url(../images/xy/bg.png)}
	/*background-image:url(../images/play_light.png) */
	.btn_res_hz{background:url(../images/xy/btn_res_hz.png) no-repeat; width:94px; height:60px; display:inline-block; margin-top:9px}
	.btn_res_jx{background:url(../images/xy/btn_res_jx.png) no-repeat; width:96px; height:60px;display:inline-block; margin-top:9px}
	.btn_res_hdt{background:url(../images/xy/btn_res_hdt.png) no-repeat; width:188px; height:60px;display:inline-block; margin-top:9px}
	.btn_res_qsc{background:url(../images/xy/btn_mall.png) no-repeat; width:93px; height:75px;display:inline-block; margin-top:1px}
	
	.resultBgAnmi{
		-webkit-animation:animations_bg 10s linear infinite;
		-webkit-transform-origin:center center;
		animation:animations_bg 10s linear infinite;}
	@-webkit-keyframes animations_bg{
		0%{-webkit-transform:rotate(0deg);}
		100%{-webkit-transform:rotate(360deg);}
	}
	
	.loseAnmi{width:123px; height:89px; display:inline-block;position:absolute;}
	.loseAnmi_1{
		-webkit-transform:translate(250px,70px);
		-webkit-animation:loseAnmi_1 2s linear infinite;
		animation:loseAnmi_1 2s linear infinite;}
	@-webkit-keyframes loseAnmi_1{
		0%{-webkit-transform:translate(250px,70px)}
		50%{-webkit-transform:translate(295px,95px)}
		100%{-webkit-transform:translate(350px,110px);}
	}
	
	.loseAnmi_2{
		-webkit-transform:translate(350px,110px);
		-webkit-animation:loseAnmi_2 2s linear infinite;
		animation:loseAnmi_2 2s linear infinite;}
	@-webkit-keyframes loseAnmi_2{
		0%{-webkit-transform:translate(350px,110px)}
		50%{-webkit-transform:translate(405px,95px)}
		100%{-webkit-transform:translate(450px,70px);}
	}
	
	.loseAnmi_3{
		-webkit-transform:translate(450px,70px);
		-webkit-animation:loseAnmi_3 2s linear infinite;
		animation:loseAnmi_3 2s linear infinite;}
	@-webkit-keyframes loseAnmi_3{
		0%{-webkit-transform:translate(450px,70px)}
		50%{-webkit-transform:translate(405px,55px)}
		100%{-webkit-transform:translate(350px,30px);}
	}
	
	.loseAnmi_4{
		-webkit-transform:translate(350px,30px);
		-webkit-animation:loseAnmi_4 2s linear infinite;
		animation:loseAnmi_4 2s linear infinite;}
	@-webkit-keyframes loseAnmi_4{
		0%{-webkit-transform:translate(350px,30px)}
		50%{-webkit-transform:translate(295px,55px)}
		100%{-webkit-transform:translate(250px,70px);}
	}
	
	.resultBg{ position:absolute; z-index:10;width:100%; height:100%;}
	.resultImg{ position:absolute; z-index:11;left:50%; margin-left:-200px; top:50%;margin-top:-112px;}
	.resultWin{ margin-left:-270px; margin-top:-207px;}
	.resultLose{ margin-left:-200px; margin-top:-112px;}
	.resultInfo{ position:absolute; z-index:12;width:800px; height:480px;left:50%; margin-left:-400px;}
	.resultTextPokey{position:absolute; top:220px; right:0; width:200px; }
	.resultTextPokey li{ height:25px; color:#fff; font-size:18px;text-shadow:1px 1px 1px rgba(0,0,0,.5); padding:0 10px;}
	.resultTextPokey li.resultTextPokey-double{padding-left:20px;height:60px}
	.resultTextPokey-text{position:relative;top:-8px;font-weight:bold}
	
	/*查看个人信息*/
	.headDiv{ width:148px; height:93px; position:absolute; z-index:12;background:url(../images/xy/info_bg.png) no-repeat}
	.leftHeadDiv{top:80px; left:135px; }
	.rightHeadDiv{top:80px; right:130px; }
	.myHeadDiv{bottom:165px; left:135px; }
	.headDiv ul{ padding:11px 5px 0px 5px}
	.headDiv li{font-size:14px; padding:0px 5px; line-height:25px; height:25px; color:#fff;}
	.headDivContent{ margin-left:50px;display:inline-block;}
	
	/*快速语*/
	.toolTalkDiv{ width:338px; height:279px; position:absolute; top:50%; left:50%; z-index:11; margin-left:-210px; margin-top:-146px;}
	.toolTalkDivBg{ width:338px; height:279px;  position:absolute;background-position:-0px -650px; }
	.toolTalkContent{ width:338px; height:279px;  position:absolute; z-index:12}
	.toolTalkContent h1{ height:38px; line-height:38px; text-align:center; font-weight:normal; color:#de95ff}
	.toolTalkDiv-talk{width:90px; float:left;}
	.toolTalkDiv-face{width:224px;float:left; margin-left:19px}
	
	.toolTalkDiv .talkLists{padding-top:0px;}
	.toolTalkDiv .talkLists li{ height:41px; line-height:41px;margin:4px 0px;   color:#fff; text-align:center;font-size:16px; }
	.toolTalkDiv .talkLists li.on{border-radius:20px;background:-webkit-linear-gradient(#4291e9 0%,#6743e8 100%); }
	.toolTalkDiv .faceLists{zoom:1; height:216px; }
	.toolTalkDiv .faceLists li{ float:left;height:44px;padding-top:12px; width:55px; display:inline-block; text-align:center}
	
	
	/*文字*/
	 .text-ready{background-position:-400px -540px; width:54px; height:28px; display:inline-block}
	 .text-double{background-position:-480px -500px; width:54px; height:28px; display:inline-block}
	 .text-noDouble{background-position:-560px -500px; width:78px; height:28px; display:inline-block}
	 .text-noPut{background-position:-400px -500px; width:54px; height:28px; display:inline-block}
	 .text-downline{background-position:-480px -540px; width:127px; height:28px; display:inline-block}
	 
	 .text-noBig{background-position:-0px -500px; width:177px; height:28px; display:inline-block}
	 .text-noAccord{background-position:-0px -540px; width:177px; height:28px; display:inline-block}
	 .text-noGrab{background-position:-0px -580px; width:251px; height:29px; display:inline-block}
	 .text-selectPokey{background-position:-0px -620px; width:153px; height:28px; display:inline-block}
	 /*网络不稳定，请稍后重试
		建议不出
		由于玩家长时间没有操作，牌局被解散
		网络重连成功
		*/
	.text-netNoStable{background-position:-0px -700px; width:275px; height:28px; display:inline-block}
	.text-reNoPut{background-position:-0px -740px; width:103px; height:28px; display:inline-block}	
	.text-dissolve{background-position:-500px -530px; width:153px; height:28px; display:inline-block}	
	.text-reconnect{background-position:-0px -780px; width:153px; height:28px; display:inline-block}	
	
	 
	 
	 /*talk*/
	.talk{ height:40px; line-height:40px;border-radius:17px; background:#fff;position:absolute; z-index:6; padding:5px 20px;opacity:0.9; font-size:14px; color:#c5385c;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 3px rgba(0,0,0,.3);-ms-box-shadow:3px 3px 3px rgba(0,0,0,.3);box-shadow:3px 3px 3px rgba(0,0,0,.3);text-shadow:2px 2px 2px rgba(0,0,0,.5); }
	.myTalk{ left:15%; margin-left:-22px; bottom:40%; margin-top:-45px;}
	.leftTalk{ left:15%;top:18%;}
	.rightTalk{ right:15%;top:18%;}

	
	/*msg*/
	.msg{position:absolute; z-index:3 }
	.myMsg{ left:18%; bottom:210px; text-align:center;}
	.leftMsg{ left:18%;top:18%;}
	.rightMsg{ right:18%;top:18%;}
	
	.systemMsg{position:absolute; height:40px; width:60%; left:20%; bottom:200px; text-align:center;z-index:10 }
	
	/*okMsg*/
	.okMsg{position:absolute; z-index:6 }
	.myOkMsg{ width:100%; bottom:210px; text-align:center;}
	.leftOkMsg{ left:145px;top:130px;}
	.rightOkMsg{ right:145px;top:130px;}
	
	/*动画加分和减分*/
	.animDou{height:40px; line-height:40px;position:absolute; z-index:6;font-size:30px;  font-weight:bolder; color:#ffe85a;-webkit-text-stroke:2px #433016;-moz-text-stroke:2px #433016;-ms-text-stroke:2px #433016;text-stroke:2px #433016;}
	.leftAnimDou{ left:150px;top:40%;}
	.rightAnimDou{ right:150px;top:40%;}	
	.myAnimDou{ left:150px;bottom:25%;}	
	
	
	 
	 /*工具箱-设置*/
	.toolSetDiv{ width:160px; position:absolute; top:100px; left:290px; z-index:11;  color:#FFFFFF; font-size:18px;padding:30px}
	.toolSetDiv li{ height:28px; line-height:28px; margin:10px 0px}
	.toolSetText{ position:relative;top:-7px;height:28px; line-height:28px;padding:0 20px;background:-webkit-linear-gradient(#6e20a0 0%,#7826b3 50%,#852fcd 100%);border-radius:14px;display:inline-block}
	.toolSetSelect{ width:29px; height:28px; display:inline-block; margin-left:20px; background-position:-550px -650px; }
	.toolSetSelectOn{background-position:-501px -650px;}
	.toolSetDiv .showBox-close{top:-20px}
	
	.boxPeople{width:100%; height:130px; position:absolute; bottom:-130px; z-index:15;}
	.boxPeopleContent{width:100%;height:130px; position:absolute; z-index:15;}
	.boxPeopleBg{width:100%; height:130px; position:absolute; background:#000;opacity:0.9}
	.boxPeopleContent header{width:31%;display:inline-block; float:left;position:relative;left:-40px}
	.boxPeopleContent section{width:31%;display:inline-block; float:left;}
	.boxPeopleContent footer{width:38%;display:inline-block; float:left;text-align:center;}
	
	.room_open_peo{position:relative; top:-50px;}
	.room_open_content{margin:20px 0px;display:inline-block;color:#fff; font-size:18px;font-weight:bold}
	.room_open_button{margin:30px 0px;display:inline-block;}
	
	.icon_off{display:inline-block; width:50px; height:50px;background-position:-100px -430px;position:relative;top:10px; }
	.icon_on{display:inline-block; width:50px; height:50px;background-position:-150px -430px;position:relative;top:10px; }
	.box-set li{margin:10px;font-size:20px;}
	.box-set-list{margin:0 10px;position:relative;top:-10px;}
	.box-set-text{position:relative;top:-14px;}
	
	/*道具*/
	.props-content{padding:10px;zoom:1; overflow: hidden; position:relative;}
	.props-header{width:124px;height:104px;text-align:center;padding-top:20px;background:#eccfc8;border-radius:10px;float:left}
	.props-text{float:left; margin-left: 20px;color:#641531;width:340px;float:left}
	.props-text h1{font-size: 20px;height:30px}
	.props-text p{font-size: 16px;line-height:25px}
	.props-button{ text-align: center;margin-top:10px;}
	.props-logo{margin-bottom:10px}
	.props-scroll{width:60px; height: 80px; display: inline-block;background-position:-240px -240px;}
	.propsTimer{position:absolute;bottom:0;right:0; width:60px; height:60px;}
	
	.propsPicScroll{height:80px;overflow: hidden;}
	.propsRecommend {overflow: hidden;width:360px; display:inline-block;position: relative;white-space: nowrap;margin-top:10px;text-align:center }
	.propsRecommend .item {display: inline-block;width:98px;height:88px;text-align:center; background-position:-0px -400px;margin:0px 10px;padding-top:10px}
	.propsRecommend .itemOn { background-position:-100px -400px;}
	.propsRecommend .items {position: relative;}
	
	/*快速购买*/
	.box-buy-lists{zoom:1;overflow:hidden;}
	.box-buy-lists li{border:2px #c39791 solid;border-radius:10px;width:200px;float:left; background:#eccec7;margin:10px;text-align:center;padding:10px 0px;font-size:20px;color:#641531}
	
	.randomStar{position:absolute;width:105%;height:100%}
	.randomStarAnmi_2{
		-webkit-animation:randomStarAnmi 0.5s linear infinite;
		animation:randomStarAnmi 0.5s linear infinite;
	}
	@-webkit-keyframes randomStarAnmi{
		0%{-webkit-transform:translateX(0px);}
		100%{-webkit-transform:translateX(-26px);}
	}
	
	#headAnmi{position:absolute;top:-10px;left:0px; width:15px;height:80px; background:#fff; opacity:0.5;display:inline-block;padding:0px;
		-webkit-animation:headAnmi 30s linear infinite;
		animation:headStarAnmi 30s linear infinite;
	}
	@-webkit-keyframes headAnmi{
		0%{-webkit-transform:translateX(0px) rotate(-20deg);}
		3%{-webkit-transform:translateX(500px) rotate(-20deg);}
		100%{-webkit-transform:translateX(500px) rotate(-20deg);}
	}
	
	.containerBg{background: url("") repeat-x 0px 120px}.containerBg{background: url("") repeat-x 0px 120px}